* {
  padding: 0px;
  margin: 0px;
}
html,
body {
  width: 100%;
  height: 100%;
}
a {
  text-decoration: none;
}
header {
  width: 100%;
  height: 13.33333333vw;
  color: #fff;
  background: -webkit-linear-gradient(top, black, transparent);
  position: relative;
  overflow: hidden;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999;
  transition: all .3s linear;
}
header .nav {
  display: block;
  width: 8vw;
  height: 13.33333333vw;
  position: absolute;
  top: 0px;
  left: 2.66666667vw;
  line-height: 13.33333333vw;
  text-align: center;
}
header .nav i {
  display: inline-block;
  width: 5.33333333vw;
  height: 4.26666667vw;
  background: url(../img/nav.png) no-repeat;
  background-size: 100%;
}
header .search {
  width: 74.66666667vw;
  height: 8vw;
  margin: 0px auto;
  margin-top: 2.66666667vw;
  background: #fff;
  border-radius: 8vw;
  position: relative;
}
header .search .logo {
  display: block;
  width: 5.33333333vw;
  height: 5.33333333vw;
  position: absolute;
  top: 1.33333333vw;
  left: 4vw;
}
header .search .logo img {
  width: 100%;
}
header .search .fdj {
  width: 3.73333333vw;
  height: 3.73333333vw;
  display: block;
  position: absolute;
  top: 1.33333333vw;
  left: 14.4vw;
}
header .search .fdj img {
  width: 100%;
}
header .search .search_out {
  width: 52vw;
  height: 100%;
  float: right;
  position: relative;
}
header .search .search_out input {
  width: 100%;
  height: 4.26666667vw;
  border: none;
  vertical-align: middle;
  border-radius: 4.26666667vw;
  position: absolute;
  top: 1.86666667vw;
  right: 0px;
  font-size: 3.2vw;
}
header .login {
  width: 6.93333333vw;
  height: 13.33333333vw;
  position: absolute;
  top: 0px;
  right: 2.66666667vw;
}
header .login span {
  line-height: 13.33333333vw;
}
header .login span a {
  font-size: 3.46666667vw;
  color: #fff;
}
.swiper-container {
  width: 100%;
  position: relative;
  z-index: 1;
}
.swiper-container img {
  width: 100%;
}
div.swiper-container div.swiper-pagination {
  bottom: 5.33333333vw;
}
.tr_pic {
  width: 100%;
  height: 26.66666667vw;
  display: flex;
  position: relative;
  z-index: 2;
  top: -4.53333333vw;
}
.tr_pic .tr_pic_box {
  position: relative;
  flex: 1;
}
.tr_pic .tr_pic_box img {
  width: 100%;
}
.tr_pic .tr_pic_box .first {
  border-radius: 2.66666667vw 0px 0px 0px;
}
.tr_pic .tr_pic_box .last {
  border-radius: 0px 2.66666667vw 0px 0px;
}
.tenWarp {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  position: relative;
}
.tenWarp .sea {
  position: absolute;
  top: -4.53333333vw;
  left: 0px;
  width: 100%;
  z-index: 0;
}
.tenWarp .warpList {
  z-index: 4;
  position: relative;
  width: 20vw;
  text-align: center;
  margin-bottom: 2.66666667vw;
}
.tenWarp .warpList img {
  width: 10.66666667vw;
  display: block;
  margin: 0px auto;
}
.tenWarp .warpList span {
  color: #fff;
  font-size: 3.2vw;
  line-height: 3.73333333vw;
}
.scroll_news {
  width: 100%;
  background: #F6F6F6;
  overflow: hidden;
  padding: 0.53333333vw 0px 1.86666667vw 0px;
  margin-top: 0.8vw;
}
.scroll_news .news_box {
  margin: 0px auto;
  width: 96vw;
  height: 8vw;
  background: #fff;
  border-radius: 2.13333333vw;
  position: relative;
  overflow: hidden;
}
.scroll_news .news_box .pic {
  position: absolute;
  top: 1.86666667vw;
  left: 2.66666667vw;
  width: 19.46666667vw;
  height: 4.26666667vw;
}
.scroll_news .news_box .pic img {
  width: 100%;
}
.scroll_news .news_box .more {
  position: absolute;
  right: 2.66666667vw;
  top: 1.86666667vw;
  font-size: 3.2vw;
  color: #181818;
}
.scroll_news .news_box .more::before {
  content: '';
  position: absolute;
  top: 0px;
  left: -1.33333333vw;
  display: inline-block;
  width: 0px;
  height: 100%;
  border-left: 1px solid #ECECEC;
}
.scroll_news .news_box .scrnews {
  position: absolute;
  width: 61.86666667vw;
  height: 4.26666667vw;
  overflow: hidden;
  font-size: 3.2vw;
  top: 2.13333333vw;
  left: 24vw;
}
.scroll_news .news_box .scrnews .swiper-pagination {
  display: none;
}
.scroll_news .jd {
  margin-top: 1.33333333vw;
  display: block;
  width: 100%;
}
.ms {
  width: 100%;
  overflow: hidden;
}
.ms .title {
  padding: 1.33333333vw 1.33333333vw;
  height: 9.06666667vw;
  overflow: hidden;
}
.ms .title .name {
  font-size: 4vw;
  font-weight: bold;
  color: #f02b2b;
  margin-top: 0.53333333 / vw;
}
.ms .title .cc {
  font-size: 3.2vw;
  color: #232326;
  font-weight: bold;
  margin-top: 0.8vw;
  margin-left: 1.33333333vw;
}
.ms .title span {
  display: inline-block;
  float: left;
  font-size: 3.2vw;
}
.ms .title .hour {
  border: 0.26666667vw solid #EFEFEF;
  padding: 0.26666667vw;
  margin-left: 1.33333333vw;
}
.ms .title .min {
  border: 0.26666667vw solid #EFEFEF;
  padding: 0.26666667vw;
}
.ms .title .sec {
  border: 0.26666667vw solid #EFEFEF;
  padding: 0.26666667vw;
}
.ms .title .reflash {
  margin-left: 1.33333333vw;
  width: 5.06666667vw;
  height: 5.06666667vw;
}
.ms .title .reflash img {
  width: 100%;
}
.ms .title .wz {
  width: 21.33333333vw;
  float: right;
  color: #f02b2b;
}
.ms .title .wz::after {
  margin-left: 1.33333333vw;
  content: '';
  display: inline-block;
  width: 2.93333333vw;
  height: 2.93333333vw;
  background: url(../img/arrow_rt.png) no-repeat;
  background-size: 100%;
}
.ms .miaosha {
  padding: 0px 1.33333333vw;
  text-align: center;
}
.ms .miaosha .swiper-pagination {
  display: none;
}
.ms .miaosha img {
  width: 18.66666667vw;
  display: block;
}
.ms .miaosha .swiper-slide .new_price {
  display: block;
  font-size: 4.26666667vw;
  color: #f02b2b;
  margin: 0px auto;
  margin-top: 1.33333333vw;
  font-weight: bold;
  height: 4.26666667vw;
}
.ms .miaosha .swiper-slide .new_price em {
  font-style: normal;
}
.ms .miaosha .swiper-slide .old_price {
  display: block;
  font-size: 2.93333333vw;
  color: #686868;
  margin: 0px auto;
  margin-top: 1.33333333vw;
}
.ms .miaosha .swiper-slide .old_price em {
  font-style: normal;
}
.yyp {
  width: 100%;
  margin-top: 2.66666667vw;
  display: block;
}
.yyp_pic {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}
.yyp_pic .pic {
  flex: 1;
}
.yyp_pic .pic img {
  display: block;
  width: 100%;
}
.eightbox {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.eightbox .box {
  width: 24.8vw;
  border-right: 0.26666667vw solid #F5F5F5;
  border-bottom: 0.26666667vw solid #F5F5F5;
  padding: 1.33333333vw 0px 1.33333333vw 3.2vw;
  text-align: left;
  box-sizing: border-box;
}
.eightbox .box .wz {
  margin-top: 1.33333333vw;
}
.eightbox .box .wz .title {
  font-size: 4.26666667vw;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(left, #ff2a2a, #f139d2);
  -webkit-background-clip: text;
}
.eightbox .box .wz .dis {
  font-size: 3.2vw;
}
.eightbox .box .pic {
  margin-top: 1.33333333vw;
}
.eightbox .box .pic img {
  width: 17.33333333vw;
}
.ash,
.gsc {
  width: 100%;
  background: #F6F6F6;
  overflow: hidden;
}
.ash img,
.gsc img {
  padding-top: 1.33333333vw;
  width: 100%;
  display: block;
}
.deight {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.deight .box {
  flex: 1;
  border-right: 0.26666667vw solid #F5F5F5;
  border-bottom: 0.26666667vw solid #F5F5F5;
  padding: 1.33333333vw 0px;
}
.deight .box p.title {
  font-size: 4.26666667vw;
  padding-left: 2.66666667vw;
}
.deight .box p.dis {
  font-size: 3.2vw;
  padding-left: 2.66666667vw;
  color: #FF5959;
}
.deight .box .pic {
  display: flex;
  justify-content: space-between;
  padding: 0px 2.66666667vw;
}
.deight .box .pic div img {
  padding: 1.33333333vw 1.33333333vw 0 1.33333333vw;
  width: 17.33333333vw;
  height: 17.33333333vw;
}
.deight div.box.dd {
  flex: 1;
}
.deight div.box.dd .pic {
  padding: 0px;
}
.deight .box:nth-child(1) {
  flex: 2;
}
.deight .box:nth-child(2) {
  flex: 2;
}
.deight .box:nth-child(3) {
  flex: 2;
}
.deight .box:nth-child(4) {
  flex: 2;
}
.deight .box:nth-child(5) {
  flex: 1;
}
.deight .box:nth-child(6) {
  flex: 1;
}
.deight .box:nth-child(7) {
  flex: 1;
}
.deight .box:nth-child(8) {
  flex: 1;
}
.deight .box:nth-child(5) .pic {
  padding: 0;
}
.deight .box:nth-child(6) .pic {
  padding: 0;
}
.deight .box:nth-child(7) .pic {
  padding: 0;
}
.deight .box:nth-child(8) .pic {
  padding: 0;
}
.deight_1 {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.deight_1 .box {
  flex: 1;
  border-right: 0.26666667vw solid #F5F5F5;
  border-bottom: 0.26666667vw solid #F5F5F5;
  padding: 1.33333333vw 0px;
}
.deight_1 .box p.title {
  font-size: 4.26666667vw;
  padding-left: 2.66666667vw;
}
.deight_1 .box p.dis {
  font-size: 3.2vw;
  padding-left: 2.66666667vw;
  color: #D663E1;
}
.deight_1 .box .pic {
  display: flex;
  justify-content: space-between;
  padding: 0px 2.66666667vw;
}
.deight_1 .box .pic div.alone img {
  padding: 1.33333333vw 1.33333333vw 0 1.33333333vw;
  width: 21.33333333vw;
  height: 21.33333333vw;
}
.deight_1 .box .pic div img {
  padding: 1.33333333vw 1.33333333vw 0 1.33333333vw;
  width: 21.33333333vw;
  height: 21.33333333vw;
}
.deight_1 .box.dd {
  display: flex;
}
.deight_1 .box.dd .wz {
  width: 18.66666667vw;
}
.deight_1 .box:nth-child(1) {
  flex: 2;
}
.deight_1 .box:nth-child(2) {
  flex: 2;
}
.deight_1 .box:nth-child(3) {
  flex: 2;
}
.deight_1 .box:nth-child(4) {
  flex: 2;
}
.deight_1 .box:nth-child(5) {
  flex: 1;
}
.deight_1 .box:nth-child(6) {
  flex: 1;
}
.deight_1 .box:nth-child(7) {
  flex: 1;
}
.deight_1 .box:nth-child(8) {
  flex: 1;
}
.deight_1 .box:nth-child(5) .pic {
  padding: 0;
}
.deight_1 .box:nth-child(6) .pic {
  padding: 0;
}
.deight_1 .box:nth-child(7) .pic {
  padding: 0;
}
.deight_1 .box:nth-child(8) .pic {
  padding: 0;
}
.wntj {
  width: 100%;
  padding: 2.66666667vw 0px;
  text-align: center;
  line-height: 7.46666667vw;
  background: #f0f2f5;
  box-sizing: border-box;
}
.wntj p {
  font-size: 3.73333333vw;
}
.wntj p span {
  display: inline-block;
  color: #848689;
}
.wntj p i {
  display: inline-block;
  width: 3.46666667vw;
  height: 3.46666667vw;
  margin-right: 2.66666667vw;
}
.wntj p i img {
  width: 100%;
}
.wntj .ts {
  color: #f02b2b;
}
.twoWrap {
  background: #f0f2f5;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.twoWrap .box {
  width: 49.33333333vw;
  background: #fff;
  margin-top: 1.33333333vw;
}
.twoWrap .box img {
  width: 49.33333333vw;
}
.twoWrap .title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 3.2vw;
  padding: 0px 0.8vw;
  color: #232326;
}
.twoWrap .price {
  color: #f02b2b;
  font-size: 3.46666667vw;
  padding: 1.33333333vw 0px 0px 1.33333333vw;
}
.twoWrap .price em {
  font-style: normal;
}
.twoWrap .price span {
  font-size: 4.26666667vw;
  font-weight: 500;
}
.twoWrap .info {
  line-height: 6.66666667vw;
  padding: 0px 1.33333333vw 1.33333333vw 1.33333333vw;
  overflow: hidden;
}
.twoWrap .info .num {
  float: left;
  font-size: 2.66666667vw;
  color: #999;
}
.twoWrap .info .look {
  float: right;
  display: block;
  width: 13.06666667vw;
  height: 6.4vw;
  border-top: 1px solid #efefef;
  border-left: 1px solid #efefef;
  font-size: 3.2vw;
  text-align: center;
  line-height: 6.4vw;
  color: #686868;
}
.click {
  padding: 2.66666667vw 0px;
  text-align: center;
  background: #f0f2f5;
}
.click a {
  font-size: 3.73333333vw;
  color: #686868;
}
.bt_login {
  padding: 4.26666667vw 5.33333333vw;
  text-align: center;
}
.bt_login a {
  padding: 0px 3.73333333vw;
  font-size: 3.73333333vw;
  color: #848689;
}
.bt_login .lo::after {
  content: '';
  display: inline-block;
  height: 2.66666667vw;
  width: 0px;
  border-right: 1px solid #ccc;
  margin-left: 5.06666667vw;
  margin-top: 0.8vw;
}
.client {
  padding: 2.66666667vw 1.33333333vw;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
}
.client a {
  display: block;
  flex: 1;
  text-align: center;
}
.client a img {
  width: 16vw;
  height: 16vw;
}
.banquan {
  padding: 1.33333333vw;
  text-align: center;
  font-size: 2.56vw;
  color: #848689;
  margin-bottom: 13.33333333vw;
}
.menu {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 999;
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(154, 141, 141, 0.6);
  display: flex;
  justify-content: space-between;
}
.menu a {
  flex: 1;
  display: block;
  text-align: center;
}
.menu a img {
  width: 16vw;
}
